<template>
  <div>
    <h1>记录vue_cli启动过程</h1>
    <ul>
      <li>vue create 项目名（不能有中文 不能大写 不能关键字）</li>
      <li>npm run serve 在开发环境下启动</li>
      <li>npm run build 在生产环境 打包</li>
      <li>①在服务器下查看②httpserver</li>
    </ul>
    <hr />
    <h2>组件的创建过程</h2>
    <ul>
      <li>创建组件（在components文件下创建普通组件，命名首字母大写，驼峰命名 命名一定要有意义）</li>
      <li>在父组件中引入组件 import from</li>
      <li>注册组件 组件配置选项对象中 components选项中进行注册</li>
      <li>调用组件</li>
    </ul>
    <p>在组件中 template中写html(必须有根标签，否则报错)；在script中写JS；在style中写css(style 标签上的lang表示预编译的名称，scoped当前css只在当前组件中起作用)</p>
  </div>
</template>

<script>
export default {
  name: "",
  props: [""],
  data() {
    return {};
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {}
};
</script>
<style lang='less' scoped>
</style>